<template> <div class="page-container">
  <div class="toolbar">
     <el-row>
      <el-tabs type="border-card">
       <el-tab-pane label="基本信息">
       <el-form :inline="true" :model="dataForm" label-width="110px" style="text-align:center;" ref="dataForm" :rules="dataFormRules" class="form">
       <el-row style="margin-top: -20px;">
       <el-divider content-position="center">
        <span style="font-size:16px;font-weight:800">基本信息</span>
       </el-divider>

       <el-form-item label="id" v-show="false">
        <el-input v-model="dataForm.id" placeholder="请输入" ></el-input>
       </el-form-item>
       <el-form-item label="合同编号">
        <el-input v-model="dataForm.contractNumber" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商编码">
        <el-input v-model="dataForm.supplierCode" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商名称">
        <el-input v-model="dataForm.supplierName" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商类型：">
        <el-input v-model="dataForm.supplierType" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="合同类别：">
        <el-select v-model="dataForm.contractType" placeholder="请选择活动区域">
          <el-option label="正常框架合同" value="1"></el-option>
          <el-option label="走账框架合同" value="2"></el-option>
          <el-option label="代采框架合同" value="3"></el-option>
          <el-option label="补充协议" value="4"></el-option>
          <el-option label="寄售合同" value="5"></el-option>
          <el-option label="售后合同" value="6"></el-option>
          <el-option label="单笔" value="7"></el-option>
          <el-option label="其他" value="8"></el-option>
        </el-select>
       </el-form-item>
       <el-form-item label="供应商属性:">
        <el-select v-model="dataForm.supplierAttribute" placeholder="请选择活动区域">
          <el-option label="直接厂商" value="1"></el-option>
          <el-option label="代理商" value="2"></el-option>
          <el-option label="经销商" value="3"></el-option>
          <el-option label="其他" value="4"></el-option>
        </el-select>
       </el-form-item>
       <el-form-item label="合同生效日期">
        <el-input v-model="dataForm.contractEffective" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="合同终止日期">
        <el-input v-model="dataForm.contractInvalid" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="史泰博版本合同">
        <el-input v-model="dataForm.stbContract" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="备注">
        <el-input v-model="dataForm.remark" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="采购">
        <el-input v-model="dataForm.purchase" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="品类">
        <el-input v-model="dataForm.category" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="品类经理">
        <el-input v-model="dataForm.categoryManage" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="报价邮箱">
        <el-input v-model="dataForm.offerEmail" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商联系人">
        <el-input v-model="dataForm.supplierContacts" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商联系电话">
        <el-input v-model="dataForm.supplierPhone" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="供应商联系邮箱">
        <el-input v-model="dataForm.supplierEmail" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="产品品牌">
        <el-input v-model="dataForm.brand" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="主要商品">
        <el-input v-model="dataForm.commodity" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="服务保证金">
        <el-input v-model="dataForm.bond" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="账期">
        <el-input v-model="dataForm.accountingPeriod" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="市场推广费用">
        <el-input v-model="dataForm.extensionCost" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="新供应商渠道费用">
        <el-input v-model="dataForm.channelCost" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="物流服务折扣和运费补贴">
        <el-input v-model="dataForm.subsidyCost" placeholder="请输入"></el-input>
       </el-form-item>
       <!-- <el-form-item label="折扣描述：">
         <el-select v-model="form.subsidyCost" placeholder="请选择活动区域">
          <el-option label="月度" value="1"></el-option>
          <el-option label="季度" value="2"></el-option>
          <el-option label="年度" value="3"></el-option>
        </el-select>
       </el-form-item> -->
       <el-form-item label="销售额">
        <el-input v-model="dataForm.salesVolume" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="注册资金">
        <el-input v-model="dataForm.registeredCapital" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="采购额">
        <el-input v-model="dataForm.purchaseAmount" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="毛利额">
        <el-input v-model="dataForm.grossProfit" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="毛利率">
        <el-input v-model="dataForm.grossMargin" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="所售商品数">
        <el-input v-model="dataForm.productQuantity" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="退货处理方式">
        <el-input v-model="dataForm.returnPrdHandle" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="退货补偿款	">
        <el-input v-model="dataForm.returnPrdCompensation" placeholder="请输入"></el-input>
       </el-form-item>
    
      
       <el-form-item label="商品标准号">
        <el-input v-model="dataForm.standardNo" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="商品交付时间">
        <el-input v-model="dataForm.deliverDate" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="配送区域">
        <el-input v-model="dataForm.distributionArea" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="营业执照有效期">
        <el-input v-model="dataForm.licenseInvalidDate" placeholder="请输入"></el-input>
       </el-form-item>
      
       <el-form-item label="组织机构代码证有效期">
        <el-input v-model="dataForm.organizationCodeInvalidDate" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="商标注册有效期">
        <el-input v-model="dataForm.trademarkInvalidDate" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="授权有效期（一级）">
        <el-input v-model="dataForm.authInvalidDateOne" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="授权有效期（二级）">
        <el-input v-model="dataForm.authInvalidDateTwo" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="授权有效期（三级）">
        <el-input v-model="dataForm.authInvalidDateThree" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="授权史泰博时间">
        <el-input v-model="dataForm.stbAuthInvalidDate" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="合作区域">
        <el-input v-model="dataForm.cooperationArea" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="附件名称">
        <el-input v-model="dataForm.enclosureName" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="附件名称">
        <el-input v-model="dataForm.enclosureUrl" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="运营方ID">
        <el-input v-model="dataForm.deptId" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="商家ID">
        <el-input v-model="dataForm.merchantId" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="商家名称">
        <el-input v-model="dataForm.merchantName" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="店铺Id">
        <el-input v-model="dataForm.storeId" placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="店铺名称">
        <el-input v-model="dataForm.storeName" placeholder="请输入"></el-input>
       </el-form-item>
      
       </el-row>
      </el-form>
      <div class="tool-wrap">
       <div class="left-area">
        <el-button-group>
         <el-button type="primary" size="small" @click="submitForm()">保存</el-button>
         <el-button type="primary" size="small" @click="$router.go(-1)">取消</el-button>
        </el-button-group>
       </div>
      </div>
     </el-tab-pane>
    </el-tabs>
   </el-row>
  </div>
 </div>
</template>
<script>
//一.导包区
import jicTable from '@/components/jicComponentGallery/jicTable'; 
import {mapState} from "vuex"; 
import ThemePicker from "@/components/ThemePicker"; 
import LangSelector from "@/components/LangSelector"; 
import VDistpicker from 'v-distpicker'; 
import elTree from '@/views/tree/src/tree.vue' 

//二.数据输出区
export default {

//2.1 注册组件
components: {
 jicTable,
 ThemePicker,
 LangSelector,
 VDistpicker,
 elTree,
},

//2.2 数据初始化区
data() {
 return {

  //2.2.1 公共数据初始化
  searchSize: 'mini',

// 2.2.2 form 表单数据初始化 
  dataForm: {
    id:null,
   contractNumber:null, 
   supplierCode:null, 
   supplierName:null, 
   supplierType:null, 
   contractType:null, 
   supplierAttribute:null, 
   contractEffective:null, 
   contractInvalid:null, 
   stbContract:null, 
   remark:null, 
   purchase:null, 
   category:null, 
   categoryManage:null, 
   offerEmail:null, 
   supplierContacts:null, 
   supplierPhone:null, 
   supplierEmail:null, 
   brand:null, 
   commodity:null, 
   bond:null, 
   accountingPeriod:null, 
   extensionCost:null, 
   channelCost:null, 
   subsidyCost:null, 
   discountDescribe:null, 
   salesVolume:null, 
   registeredCapital:null, 
   purchaseAmount:null, 
   grossProfit:null, 
   grossMargin:null, 
   productQuantity:null, 
   returnPrdHandle:null, 
   returnPrdCompensation:null, 
   settlementType:null, 
   vp:null, 
   standardNo:null, 
   deliverDate:null, 
   distributionArea:null, 
   licenseInvalidDate:null, 
   taxRegistration:null, 
   organizationCodeInvalidDate:null, 
   taxpayerLicence:null, 
   openAccountLicence:null, 
   foodLicence:null, 
   forceLicence:null, 
   trademarkInvalidDate:null, 
   authInvalidDateOne:null, 
   authInvalidDateTwo:null, 
   authInvalidDateThree:null, 
   stbAuthInvalidDate:null, 
   cooperationArea:null, 
   enclosureName:null, 
   enclosureUrl:null, 
   status:null, 
   deptId:null, 
   merchantId:null, 
   merchantName:null, 
   storeId:null, 
   storeName:null, 
   createTime:null, 
   creator:null, 
   updateTime:null, 
   updator:null, 
   deleteFlag:null, 
},
//trigger 为blur 表示丢失焦点;为change 表示值发生变化;
  dataFormRules: {
   id:[ 
   { required: true, message: "请输入id", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   contractNumber:[ 
   { required: true, message: "请输入合同编号", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierCode:[ 
   { required: true, message: "请输入供应商编码", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierName:[ 
   { required: true, message: "请输入供应商名称", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierType:[ 
   { required: true, message: "请输入供应商类型：1现有供应商；2新供应商", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   contractType:[ 
   { required: true, message: "请输入合同类别：1正常框架合同；2走账框架合同；3代采框架合同；4补充协议；5寄售合同；6售后合同；7单笔；8其他", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierAttribute:[ 
   { required: true, message: "请输入供应商属性:1直接厂商；2代理商；3经销商；4其他", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   contractEffective:[ 
   { required: true, message: "请输入合同生效日期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   contractInvalid:[ 
   { required: true, message: "请输入合同终止日期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   stbContract:[ 
   { required: true, message: "请输入史泰博版本合同", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   remark:[ 
   { required: true, message: "请输入备注", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   purchase:[ 
   { required: true, message: "请输入采购", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   category:[ 
   { required: true, message: "请输入品类", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   categoryManage:[ 
   { required: true, message: "请输入品类经理", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   offerEmail:[ 
   { required: true, message: "请输入报价邮箱", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierContacts:[ 
   { required: true, message: "请输入供应商联系人", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierPhone:[ 
   { required: true, message: "请输入供应商联系电话", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   supplierEmail:[ 
   { required: true, message: "请输入供应商联系邮箱", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   brand:[ 
   { required: true, message: "请输入产品品牌", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   commodity:[ 
   { required: true, message: "请输入主要商品", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   bond:[ 
   { required: true, message: "请输入服务保证金", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   accountingPeriod:[ 
   { required: true, message: "请输入账期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   extensionCost:[ 
   { required: true, message: "请输入市场推广费用", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   channelCost:[ 
   { required: true, message: "请输入新供应商渠道费用", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   subsidyCost:[ 
   { required: true, message: "请输入物流服务折扣和运费补贴", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   discountDescribe:[ 
   { required: true, message: "请输入折扣描述：1月度；2季度；3年度", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   salesVolume:[ 
   { required: true, message: "请输入销售额", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   registeredCapital:[ 
   { required: true, message: "请输入注册资金", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   purchaseAmount:[ 
   { required: true, message: "请输入采购额", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   grossProfit:[ 
   { required: true, message: "请输入毛利额", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   grossMargin:[ 
   { required: true, message: "请输入毛利率", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   productQuantity:[ 
   { required: true, message: "请输入所售商品数", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   returnPrdHandle:[ 
   { required: true, message: "请输入退货处理方式", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   returnPrdCompensation:[ 
   { required: true, message: "请输入退货补偿款	", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   settlementType:[ 
   { required: true, message: "请输入货款结算方式：1银行转账；2银行承兑汇票；3支票", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   vp:[ 
   { required: true, message: "请输入是否有VP协议：1是否；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   standardNo:[ 
   { required: true, message: "请输入商品标准号", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   deliverDate:[ 
   { required: true, message: "请输入商品交付时间", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   distributionArea:[ 
   { required: true, message: "请输入配送区域", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   licenseInvalidDate:[ 
   { required: true, message: "请输入营业执照有效期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   taxRegistration:[ 
   { required: true, message: "请输入是否有税务登记证：1是；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   organizationCodeInvalidDate:[ 
   { required: true, message: "请输入组织机构代码证有效期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   taxpayerLicence:[ 
   { required: true, message: "请输入是否有一般纳税人登记证：1是；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   openAccountLicence:[ 
   { required: true, message: "请输入是否有开户许可证：1是；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   foodLicence:[ 
   { required: true, message: "请输入是否有食品许可证：1是；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   forceLicence:[ 
   { required: true, message: "请输入是否有强制性证书：1是；2否", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   trademarkInvalidDate:[ 
   { required: true, message: "请输入商标注册有效期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   authInvalidDateOne:[ 
   { required: true, message: "请输入授权有效期（一级）", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   authInvalidDateTwo:[ 
   { required: true, message: "请输入授权有效期（二级）", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   authInvalidDateThree:[ 
   { required: true, message: "请输入授权有效期（三级）", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   stbAuthInvalidDate:[ 
   { required: true, message: "请输入授权史泰博时间", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   cooperationArea:[ 
   { required: true, message: "请输入合作区域", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   enclosureName:[ 
   { required: true, message: "请输入附件名称", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   enclosureUrl:[ 
   { required: true, message: "请输入附件名称", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   status:[ 
   { required: true, message: "请输入状态,0代表可用，1代表停用", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   deptId:[ 
   { required: true, message: "请输入运营方ID", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   merchantId:[ 
   { required: true, message: "请输入商家ID", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   merchantName:[ 
   { required: true, message: "请输入商家名称", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   storeId:[ 
   { required: true, message: "请输入店铺Id", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   storeName:[ 
   { required: true, message: "请输入店铺名称", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   createTime:[ 
   { required: true, message: "请输入创建日期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   creator:[ 
   { required: true, message: "请输入创建人", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   updateTime:[ 
   { required: true, message: "请输入更新日期", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   updator:[ 
   { required: true, message: "请输入更新人", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
   deleteFlag:[ 
   { required: true, message: "请输入删除标志，0：未删除；1：已删除", trigger: "blur" }, 
   { min: 3, max: 5, message: "长度在 0 到 20 个字符", trigger: "blur" }, 
   ], 
},
   //dialogVisible: false, //// 是否显示弹窗内容;
   //editDialogVisible1: false,//// 是否可编辑弹窗内容;
   //editLoading: false,////是否显示加载时动画效果;





   }//return 完结;
  },//data()方法 完结;

//2.3 Vue 方法区
methods: {
//2.3.1 公共方法区

//2.请求列表数据
getDetail() {
 let this_ = this;
 if (this.$route.params != null && this.$route.params.id != null && this.$route.params.id != '' && this.$route.params.id != "undefined") {
  let params = {};
  params.id = this.$route.params.id;
  this.utils.request.getContractManageDetail(params, function (res) {
  if (res.code === "0000") {
   this_.dataForm = res.data;
  } else {
   this_.$message({message: "操作失败, " + data.msg, type: "error"});
   }
  });
 }
},

submitForm: function() {
  this.$refs.dataForm.validate(valid => {
  if (valid) {
   this.$confirm("确认提交吗？", "提示", {}).then(() => {
     this.editLoading = true;
     let params = Object.assign({}, this.dataForm);
     this.utils.request.saveContractManage(params, this.editInfoBack);
     this.$router.go(-1);
  });
  }
  });
},
// 7.页面弹窗处理方法
add() {
this.dialogVisible = true;
},

// 8.关闭弹窗
handleClose() {
this.dialogVisible = false;
},

/*图片预览*/
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
/*图片移除*/
handleRemove(file, fileList) {
console.log(file, fileList);
},
//==========2.3.1 JavaScript 自定义方法区==========





},
//1.初始化页面调用方法(dom元素绑定后再执行初始化数据操作)
mounted() {
 this.getDetail();
},

}
</script>
<style lang="scss" scoped>
  /* ele组件样式重置 */
  .common-content {
    padding: 10px;
    box-sizing: border-box;

    .search-wrap /deep/ {
      .el-form-item__label {
        height: 32px;
        line-height: 32px;
      }

      .el-form-item__content {
        height: 32px;
        line-height: 32px;
        width: 150px;
      }

      .el-input--mini .el-input__inner {
        height: 32px;
        line-height: 32px;
      }

      .el-date-editor.el-input, .el-date-editor.el-input__inner {
        width: 150px;
      }
    }

    /* 多日期样式重置 */
    .el-dater /deep/ .el-form-item__content {
      width: 330px;
    }

    /* 通用工具部分样式 */
    .tool-wrap {
      width: 100%;
      height: auto;
      position: relative;
      overflow: hidden;

      .left-area {
        float: left;
        width: 50%;
        text-align: left;

        button {
          margin-right: 15px;
          border-radius: 5px;
        }
      }

      .right-area {
        float: right;
        width: 50%;
        text-align: right;
      }
    }

    /* 表格部分样式 */
    .table-wrap {
      width: 100%;
      max-height: 600px;
      margin-top: 20px;
    }

    /* 弹窗样式 */
    .dialog-wrap /deep/ .el-dialog__footer {
      text-align: center !important;
    }
  }
</style>
